<template>
	<view class="app-layout">
		<view class="tn-safe-area-inset-bottom">
				<slot></slot>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapGetters,
		mapActions
	} from 'vuex';
	export default {
		name: "app-layout",
		data() {
			return {};
		},
		components: {

		},
		props: {
			haveBackground: {
				type: Boolean,
				default () {
					return true;
				}
			},
		},
		computed: {
			...mapState({
				font_size: state => state.font_size,
				nodd: state => state.nodd,
			})
		},
		watch: {

		},
		created() {},
		mounted() {

		},
		beforeDestroy() {

		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.app-layout {
		max-width: 100%;
		//钉钉规范底色
		background-color: #F2F2F6;
		// background-color: #fff;
		min-height: 100vh;
		font-size: 32rpx;
		//#ifdef MP-ALIPAY
		position: relative;
		z-index: 1;
		//#endif
	}
	
	.platform{
		    font-size: rpx;
		   color:#AAAAAA
	}

</style>